{extends file="main.tpl"}
{block name=head}
<script type="text/javascript">
  $(document).ready(function() {
    $('#material').focus();
    listToShow();
});
function myFunction()
{
	if(confirm("You Want To Remove This Record")== true)
	{
		return true;
	}
	else
	{
		return false;
	}
}
function listToShow()
{
    var datastring = "cityId=" + $('#city').val() + "&reminders={$reminders}";
    $.ajax({
      url: "./summaryDataAj.php",
      data: datastring,
      success: function(data){
      $('#partytype').html(data);
      }
    });
}
</script>
{/block}
{block name=body}
<form name="material" id="summaryForm" action="summaryPrintPdf.php" method="POST">
<table align="center" border="0" cellpadding="2" cellspacing="2" >
<tr>
	<td align="center" class="table1" colspan="7">
	  {if $reminders==1}
  	  Out Of Date
  	{else}
  	  Balance Summary
  	{/if}
	</td>
</tr>
<tr colspan="6">
	<td>
		City :
		<select value=0 autofocus=autofocus name="city" id="city" onchange="listToShow();"/>
	    <option value="0">ALL</option>
	      {html_options values=$cityArray.cityId output=$cityArray.city}
	  </select>
  </td>
</tr>
</table>
</form>
<div id="partytype"></div>
{/block}